{% extends "base.html" %}
{% block meollo %}
{% if b_user_name %}
    <h1>Perfil del usuario {{ b_user_name }}</h1>
    <p>
        En esta página puedes cambiar cualquier aspecto relativo a tu cuenta,
        como tu contraseña, tus preferencias personales o modificar la lista
        de usuarios ignorados.
    </p>
    <form method="post" action="/perfil">
        <h2>Cambio de contraseña</h2>
        <label for="pass_actual">Contraseña actual: </label>
        <input type="password" name="pass_actual" required="required" />
        <label for="pass_nueva">Nueva contraseña: </label>
        <input type="password" name="pass_nueva" required="required" />
        <label for="pass_confir">Confirma la nueva contraseña: </label>
        <input type="password" name="pass_confir" required="required" />
        {% if p_error_password %}{{ p_error_password }}{% endif %}
        <input type="submit" value="Cambiar contraseña">
    </form>
    <form method="post" action="/perfil" enctype="multipart/form-data">
        <h2>Preferencias</h2>
        <ul>
            <li>
                <label for="sexo">Sexo: </label>
                <input type="radio" name="sexo" value="1"{% if p_sexo == 1 %} checked="checked"{% endif %} />Hombre
                <input type="radio" name="sexo" value="2"{% if p_sexo == 2 %} checked="checked"{% endif %} />Mujer
                <input type="radio" name="sexo" value="0"{% if p_sexo == 0 %} checked="checked"{% endif %} />Prefiero no decirlo
            </li><li>
                <label for="orientacion">Preferencias sexuales: </label>
                <input type="radio" name="orientacion" value="1"{% if p_orientacion == 1 %} checked="checked"{% endif %} />Hetero
                <input type="radio" name="orientacion" value="2"{% if p_orientacion == 2 %} checked="checked"{% endif %} />Homo
                <input type="radio" name="orientacion" value="3"{% if p_orientacion == 3 %} checked="checked"{% endif %} />Bi
                <input type="radio" name="orientacion" value="4"{% if p_orientacion == 4 %} checked="checked"{% endif %} />Pan
                <input type="radio" name="orientacion" value="5"{% if p_orientacion == 5 %} checked="checked"{% endif %} />Poli
                <input type="radio" name="orientacion" value="0"{% if p_orientacion == 0 %} checked="checked"{% endif %} />Prefiero no decirlo
			</li><li>
			    Tu avatar es el siguiente:
			    <img src="/avatar/{{ b_user_name }}.png" alt="Avatar del usuario {{ b_user_name }}" />
			    <label for="nuevo_avatar">Nuevo avatar: </label>
                <input type="file" name="nuevo_avatar" accept="image/png" />
            </li><li>
                <label for="anonimos">Recibir comentarios anonimos en blog y polvos</label>
                <input type="checkbox" name="anonimos" value="1"{% if p_recibir_anonimos %} checked="checked"{% endif %} />Permitir la recepción
            </li><li>
                <label for="correos">Recibir correos avisando de nuevos mensajes privados</label>
                <input type="checkbox" name="correos" value="1"{% if p_recibir_correos %} checked="checked"{% endif %} />Permitir la recepción
            </li>
	   </ul>
	   <input type="submit" value="Cambiar preferencias">
    </form>
    <h2>Usuarios ignorados</h2>
    {% for u in p_lista_ignorados %}
        <from method="post" action="/perfil">
        <input type="hidden" name="usuario_readmitir" value="{{ u }}" />
        <input type="submit" value="Readmitir {{ u }}">
        </from>
    {% endfor %}
    <from method="post" action="">
        <label for="usuario">Bloquear usuario: </label>
        <input type="text" name="usuario_bloquear" />
        <input type="submit" value="Bloquear">
    </from>
    {% if p_error_usuario %}{{ p_error_usuario }}{% endif %}
    <a href="/">Volver a la página principal</a>
{% else %}
<h1>Error al visualizar el perfil</h1>
<p>
No se encuentra logueado en la web</p>
{% endif %}
{% endblock %}